*{margin: 0;padding: 0;}
li{list-style: none;}
@function vw($vw){
    @return ($vw/541)*100+vw
}
header{
	width: 100vw;
	height: vw(105);
	margin: vw(15) 0;
	.classify{
		display: inline-block;
		width: vw(70);
		text-align: center;
		font-size: vw(18);
		color: #ccc;
	}
	.inp{
		display: inline-block;
		position: relative;
		img{
			position: absolute;
		}
		.big{
			top:vw(10);
			left: vw(2);
			width: vw(20);
		}
		.sao{
			right: vw(10);
			top: vw(10);
			width: vw(20);
		}
		.search{
			width: vw(386);
			height: vw(38);
			background: #f7f7f7;
			border-radius: vw(15);
			border:1px solid transparent;
			text-indent: vw(30);
			font-size: vw(22);
			color: #ebebeb;
		}
	}
	
	.add{
		width: vw(20);
		margin-left: vw(15);
		text-align: center;
	}
	.navigation{
		margin: vw(10) 0;
		width: 100%;
		div{
			width: 45%;
			text-align: center;
			font-size: vw(22);
			font-weight: bold;
			float: left;
		}
		.redfont{
			color: #eb4f4d;
			position: relative;
			display: inline-block;
			.line{
				display: inline-block;
				position: absolute;
				width: vw(44);
				border-bottom: vw(5) solid #eb4f4d;
				top:vw(35);
				left: vw(100);
			}
		}
	}
}
.banner{
	width: 100vw;
	height: vw(220);
	margin: vw(15) 0;
	overflow: hidden;
	position: relative;
	.banner_img{
		position: relative;
		width: 100%;
		img{
			position: absolute;
			width: 100%;
		}
	}
	ul{
		position: absolute;
		bottom:vw(18);
		right:vw(20);
		
		li{
			width: vw(6);
			height: vw(6);
			border-radius: 50%;
			background: #fff;
			opacity: 0.8;
			float: left;
			margin-left: vw(9.8);
		}
	}
}
.logolist{
	width: 100vw;
	height: vw(230);
	margin-top: vw(10);
	ul{
		margin-top: vw(5);
		height: vw(115);
		padding-top:vw(10);
		box-sizing: border-box;
		li{
			float: left;
			width: 20%;
			text-align: center;
			font-size: vw(21);
			color: #7a7a7a;
			img{
				width: vw(35);
				height: vw(35);
				margin-bottom: vw(5);
			}
		}
	}
	
}
.advertisement{
	width: 100vw;
	height: vw(500);
	background: #eee;
	padding-top: vw(15);
	box-sizing: border-box;
	.plate{
		width: 100%;
		height:vw(190);
		background: #fff;
		padding: vw(15);
		margin-top: vw(20);
		 box-sizing: border-box;
		img{
			width: vw(147);
			height: vw(147);
			float: left;
		}
		div{
			float: left;
			width: vw(350);
			padding-left:vw(5) ;
			box-sizing: border-box;
			.title{
				font-size: vw(21);
				font-weight: bold;	
			    margin-bottom:vw(10) ;
			}
			.gray{
				background: #f7f7f7;
				margin-left: vw(10);
				font-size: vw(15);
				color:#b4b4b4 ;
			}
			.redfont{
				margin-top: vw(5);
				font-size: vw(20);
				color:#c5435c;
				font-weight: bold;
			}
			.detailed{
				margin-top: vw(5);
				span{
					display: inline-block;
					font-size: vw(18);
					color:#b4b4b4 ;
				}
				.say{
					margin-left: vw(130);
				}
				.price{
				    float: right;
				}
				
			}
		}
		
	}
}
footer{
	position: fixed;
	bottom:0;
	width: 100vw;
	height:vw(70) ;
	background: #fff;
	ul{
		li{
			width: 25%;
			float: left;
			text-align: center;
			padding-top: vw(5);
			color: #cbcbcb;
			img{
				width: vw(30);
				height: vw(30);
			}
			.red{
				color: red;
			}
		}
	}
}